
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <title>{$tkd.title|parseTpl}</title>
    <meta name="keywords" content="{$tkd.keywords|parseTpl}">
    <meta name="description" content="{$tkd.description|parseTpl}">
	<meta name=”robots” content=”noindex,nofollow” />
    <meta name="applicable-device" content="mobile"/>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/css/ptm.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/css/skin.min.css" />
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <style>
        .chapterlist li{
            display: -webkit-box;
            padding:0;
            height:35px;
            line-height:35px;
            font-size:14px;
        }
        .chapterlist li .chaptername{
            -webkit-box-flex: 1;
        }
        .chapterlist li .sitename{
            width:70px;
            text-align: right;
        }
    </style>
</head>
<body class="pt-dir-page">
<header class="ptm-bar ptm-bar-nav  ptm-fix">
    <a class="ptm-pull-left" href="{link=novelsearch.index.index}">
        <span class="ptm-iconfont fa fa-home" style="font-size:22px;"></span>
    </a>
    <div class="ptm-title">{$novel.name}</div>
    <a class="ptm-pull-right" href="{link=user.index.index}">
        <span class="ptm-iconfont  fa fa-user"></span>
    </a>
</header>

{block method="page" name="pagelist" totalnum=$totalnum page=$page pagesize=$pagesize maxpage=50 section=3}
<section class="pt-infopage-more" style="margin-top:60px;">
    <div class="ptm-card pt-dir-list">
        <div class="ptm-card-header" style="height:40px;">
            <div class="ptm-pull-left">
                {$novel.name} {$sitename}最新章节列表
            </div>
        </div>
        <div class="ptm-card-content pt-dir">
            <ul class="ptm-list-view chapterlist">
                {loop=$chapterlist}
                <li class="ptm-list-view-cell">
                    <div class="chaptername ptm-text-cut">
                        <a href="{$loop.url_read}" title="{$novel.name} {$loop.name} {$loop.sitename}" style="{$loop.sitestyle}">{$loop.name}{$loop.name}</a>
                    </div>
                    <div class="sitename">
                        {if $sitename}
                        {$loop.time|date="m-d"}
                        {else}
                        <a href="{$loop.url_chapter}" title="看看{$novel.name}在“{$loop.sitename}”上的更新" style="{$loop.sitestyle}">{$loop.sitename}</a>
                        {/if}
                    </div>

                </li>
                {/loop}
            </ul>
        </div>
        <div class="ptm-card-footer " style="background: #eee">
            <div class="ptm-col-xs-3">
                <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="{$pageurl|str_replace='__PAGE__',$pagelist.prev.num,@}">上一页</a>
            </div>
            <div class="ptm-col-xs-6" style="padding:0 10px;">
                <button class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined showdir"><span>第{$pagelist.page}页</span><i class="fa fa-angle-down pt-dir-icon"></i></button>
            </div>
            <div class="ptm-col-xs-3">
                <a class="ptm-btn ptm-btn-primary ptm-btn-block ptm-btn-outlined" href="{$pageurl|str_replace='__PAGE__',$pagelist.next.num,@}">下一页</a>
            </div>
        </div>
    </div>
</section>
<div class="sel ptm-hide">
    <div class="ptm-alert-shade"></div>
    <div class="pt-dir-sel" style="background-position: left 50px;">
        <p class="title">请选择章节</p>
        <ul>
            {if !$pagelist.first.status && $pagelist.num.0.num>1}
            <li><a href="{$pageurl|str_replace='__PAGE__',$pagelist.first.num,@}">第1页</a></li>
            {/if}
            {loop=$pagelist.num}
            {if $loop.status}
            <li class="active"><a href="__SELF__">第{$loop.num}页</a></li>
            {else}
            <li><a href="{$pageurl|str_replace='__PAGE__',$loop.num,@}">第{$loop.num}页</a></li>
            {/if}
            {/loop}
            {if !$pagelist.last.status && $pagelist.last.num>$loop.num}
            <li><a href="{$pageurl|str_replace='__PAGE__',$pagelist.last.num,@}">第{$pagelist.last.num}页</a></li>
            {/if}
        </ul>
    </div>
</div>
{include file="../common/footer"}
<script type="text/javascript">
    $('.showdir').on('click',function(){
        $('.sel').removeClass('ptm-hide')
    })
    $('.ptm-alert-shade').on('click',function(){
        $('.sel').addClass('ptm-hide')
    })
</script>
</body>
</html>